.kimi_style {
  .part {
    margin-bottom: 20px;
    height: calc(100vh - 20px * 2 - 20px);
    &:nth-last-child(2),
    &:last-child {
      margin-bottom: 0;
    }
  }
  .kimi-container {
    height: 100%;
    .el-card__body {
      height: 100%;
    }
  }
  .answer {
    width: 100%;
    display: block;
    overflow: auto;
    margin-bottom: 20px;
    height: calc(100% - 32px - 20px - 20px * 2);
    .el-empty {
      height: 100%;
    }
    .el-alert {
      line-height: 2;
      padding-top: 30px;
      white-space: pre-line;
    }
    .answer-content {
      margin-bottom: 20px;
      .el-space,
      .el-space__item {
        width: 100%;
      }
    }
  }
  .ask-btn {
    margin-bottom: 10px;
  }
  .capture-cantainer {
    height: calc(100% - 40px);
  }
  .echarts_three_style {
    height: 100%;
    .el-card__body,
    .container,
    .echarts-container {
      padding: 0;
      height: 100%;
    }
    .el-card__body {
      position: relative;
    }
    .sketchfab-embed-wrapper {
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      overflow: hidden;
      &.show {
        opacity: 1;
      }
      &.hide {
        opacity: 0;
      }
      @keyframes fadeInOut {
        0% {
          opacity: 0.2;
          transform: rotateY(180deg) translateY(0) scale(1.6);
        }
        25% {
          transform: rotateY(180deg) translateY(5%) scale(1.6);
        }
        50% {
          opacity: 0.8;
          transform: rotateY(180deg) translateY(0) scale(1.6);
        }
        75% {
          transform: rotateY(180deg) translateY(-5%) scale(1.6);
        }
        100% {
          opacity: 0.2;
          transform: rotateY(180deg) translateY(0) scale(1.6);
        }
      }
      iframe {
        width: 100%;
        height: 100%;
        animation: fadeInOut 5s ease-in-out infinite;
      }
    }
  }
}
